header{
  width: 1165px;
  height: 132px;
  margin: 0 auto;
  background-color: white;
  .img{
    width: 1165px;
    height: 55px;
    float: left;
    margin-top: 37px;
  }
  img{
    float: left;
    width: 155px;
    height: 55px;
    
  }
}
main{
  width: 1165px;
  height: 591px;
  margin: 0 auto;
  .left{
    width: 554px;
    height: 420px;
    float: left;
    img{
    width: 554px;
    height: 420px;
    }
  }
  .right{
    width: 322px;
    height: 466px;
    float: right;
    margin-right: 136px;
    margin-top: 45px;
    .p1{
      width: 322px;
      height: 32px;
      font-size: 14px;
      a:nth-child(1) span{
        float: left;
        color: #656565;
      }
        a:nth-child(2) span{
        font-size: 12px;
        float: right;
        color: #656565;
      }
    }
    .user{
      width: 320px;
      height: 45px;
      border:1px solid #989898;
      .ph{
        color: #656565;
        width: 48px;
        height: 45px;
        float: left;
        line-height: 45px;
      }
      .inp1{
        height: 40px;
        float: left;
        outline: none;
        padding-left: 9px;
        font-size: 14px;
        width: 257px;
        margin-top: 4px;
        border: none;
      }
    }
    .pass{
      width: 320px;
      height: 45px;
      border:1px solid #989898;
      margin:18px 0 ;
      .pa{
        width: 30px;
        height: 45px;
        float: left;
        background: url(../img/pass.png) no-repeat center right;
      }
      .inp2{
        font-size: 14px;
        height: 40px;
        float: left;
        padding-left: 9px;
        outline: none;
        width: 277px;
        border: none;
        margin-top: 4px;
      }
    }
    .forget{
      width: 322px;
      height: 20px;
      font-size: 14px;
      float: left;
      h6{
        float: right;
        line-height: 20px;
        font-weight: normal;
        a{
          color: #fd8b0d;
        }
      }
    }
    button{
      width: 322px;
      height: 40px;
      background-color: #fec916;
      border: none;
      outline: none;
      margin-top: 23px;
      font-size: 17px;
      font-weight: 999;
      cursor: pointer;
    }
    .p2{
      width: 322px;
      height: 20px;
      float: left;
      margin-top: 15px;
      color: #656565;
      font-size: 15px;
      a{
        color: #fd8b0d;
      }
    }
    .wrap{
      position: relative;
      width: 321px;
      height: 100px;
      margin-top: 23px;
      float: left;
      border-bottom: 1px solid #cbcbcb;
      label{
        width: 26px;
        height: 95px;
        float: left;
        .inp3{
          margin-top: 3px;
          width: 15px;
          height: 15px; 
        }
      }
      .deio{
        font-size: 16px;
        color:#7f7f7f;
        a{
          color:#fd8b0d;
        }
      }
      .uul{
        float: left;
        position: absolute;
        width: 178px;
        background-color: #fff;
        bottom: -10px;
        right: 65px;
        text-align: center;
        color: #656565;
      }

    }
    .fter{
      width: 322px;
      height: 21px;
      float: left;
      margin-top: 30px;
      .slk{
        width: 67px;
        height: 21px;
        float: left;
        margin-left: 128px;
        display: flex;
        justify-content: space-between;
      }
    }
  }
}
.home{
  width: 1165px;
  height: 58px;
  margin: 0 auto;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  ul{
    width: 410px;
    height: 58px;
    float: left;
    display:flex;
    justify-content: space-between;
    align-items: center;
    li{
      width: 21%;
      border-right: 1px solid #ededed;
      height: 16px;
      font-size: 12px;
      text-align: center;
      a{
        color: #989898;
      }
    }
    li:first-child{
      margin-left: -17px;
    }
    li:last-child{
      border:none;
    }
  }
}
.dess{
  width: 1165px;
  height: 58px;
  margin: 0 auto;
  .p1{
    display: block;
    float: left;
    color:#989898;
    margin-top: 12px;
    font-size: 12px;
    a{
    color:#989898;
    }
  }
}
